                        <style type="text/css">
                            .one-detail {
                                margin: 0 25%;
                            }

                        </style>
                        <div class="currentInfo title">电桩实况</div>
                        <div class="bg-dzst" ng-if="pileStatusList.length>1">

                            <div style="height: 400px;" id="detail_lr" class="col-md-6" ng-repeat="pileStatus in pileStatusList track by $index">
                                <ul class="dzst-qk col-md-12">
                                    <li  class="chargingPic col-md-6">
                                        <div id="circle{{pileStatus.port_no}}" style="position: relative;" 
                                                ng-if="pileStatus.charge_status==2"> <strong style="position: absolute; top: 80px; left: 42%;font-size: 30px;"></strong>
                                        </div>
                                        <img src="./assets/img/order.png" 
                                                ng-if="pileStatus.charge_status==1"/>
                                        <img src="./assets/img/empty.png" 
                                                ng-if="pileStatus.charge_status==0"/>
                                        <img src="./assets/img/breakdown.png" 
                                                ng-if="pileStatus.charge_status==3"/>
                                        <img src="./assets/img/outLine.png" 
                                                ng-if="pileStatus.charge_status==8"/>
<!--                                         <img src="./assets/img/charging.png" ng-if="pileStatus.charge_status==2"> -->
                                        <!--<img class="img-dzst" src="./assets/img/dianzhuangst.PNG" alt="*">
                                        -->
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==0">空闲中</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==1">
                                            已被用户
                                            <span ng-bind="pileStatus.user_pay_card"></span></br>
                                            预约
                                        </div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==2">正在充电中...</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==3">已故障</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==8">已离线</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==4">占用中</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==5">刷卡中</div>

                                        <div class="chargname">
                                            <span ng-bind="$index | getValueInStaticFilter : 'chargeInterfaceArray'"></span>
                                            枪口
                                        </div>

                                    </li>
                                    <li class="col-md-6">
                                        <table>
                                            <tr>
                                                <td>已充电量:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_kwh?pileStatus.charger_kwh:0"></span>kwh
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>充电电压:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_v?pileStatus.charger_v:0"></span>V
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>充电电流:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_i?pileStatus.charger_i:0"></span>A
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>电池温度:</td>
                                                <td>
                                                <span ng-bind="!!pileStatus.battery_temperature?pileStatus.battery_temperature:0">
                                                </span>℃</td>
                                            </tr>
                                            <tr>
                                                <td>充电时长:</td>
                                                <td><span ng-bind="!!pileStatus.charger_minute?pileStatus.charger_minute:0"></span>分
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>剩余时间:</td>
                                                <td><span ng-bind="!!pileStatus.remaining_time?pileStatus.remaining_time:0"></span>分
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>实际费用:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_fee?pileStatus.charger_fee:0"></span>元
                                                </td>
                                            </tr>
                                        </table>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- 单口 -->
                        <div class="bg-dzst" ng-if="pileStatusList.length==1">

                            <div style="height: 400px;" id="detail_lr" class="col-md-6 one-detail" ng-repeat="pileStatus in pileStatusList track by $index">
                                <ul class="dzst-qk col-md-12">
                                    <li  class="chargingPic col-md-6">
                                        <div id="circle{{pileStatus.port_no}}" style="position: relative;" 
                                                ng-if="pileStatus.charge_status==2"> <strong style="position: absolute; top: 80px; left: 42%;font-size: 30px;"></strong>
                                        </div>
                                        <img src="./assets/img/order.png" 
                                                ng-if="pileStatus.charge_status==1"/>
                                        <img src="./assets/img/empty.png" 
                                                ng-if="pileStatus.charge_status==0"/>
                                        <img src="./assets/img/breakdown.png" 
                                                ng-if="pileStatus.charge_status==3"/>
                                        <img src="./assets/img/outLine.png" 
                                                ng-if="pileStatus.charge_status==8"/>
                                        <!--<img class="img-dzst" src="./assets/img/dianzhuangst.PNG" alt="*">
                                        -->
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==0">空闲中</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==1">
                                            已被用户
                                            <span ng-bind="pileStatus.user_pay_card"></span></br>
                                            预约
                                        </div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==2">正在充电中...</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==3">已故障</div>
                                        <div class="chargstate col-md-8 col-md-offset-2" ng-if="pileStatus.charge_status==8">已离线</div>

                                        <div class="chargname">
                                            <span ng-bind="$index | getValueInStaticFilter : 'chargeInterfaceArray'"></span>
                                            枪口
                                        </div>

                                    </li>
                                   <li class="col-md-6">
                                        <table>
                                            <tr>
                                                <td>已充电量:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_kwh?pileStatus.charger_kwh:0"></span>kwh
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>充电电压:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_v?pileStatus.charger_v:0"></span>V
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>充电电流:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_i?pileStatus.charger_i:0"></span>A
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>电池温度:</td>
                                                <td>
                                                <span ng-bind="!!pileStatus.battery_temperature?pileStatus.battery_temperature:0">
                                                </span>℃</td>
                                            </tr>
                                            <tr>
                                                <td>充电时长:</td>
                                                <td><span ng-bind="!!pileStatus.charger_minute?pileStatus.charger_minute:0"></span>分</td>
                                            </tr>
                                            <tr>
                                                <td>剩余时间:</td>
                                                <td><span ng-bind="!!pileStatus.remaining_time?pileStatus.remaining_time:0"></span>分</td>
                                            </tr>
                                            <tr>
                                                <td>实际费用:</td>
                                                <td>
                                                    <span ng-bind="!!pileStatus.charger_fee?pileStatus.charger_fee:0"></span>元
                                                </td>
                                            </tr>
                                        </table>
                                    </li>
                                </ul>
                            </div>
                        </div> 